.tab-pane {
    -fx-border-width: 0 0 2px 0;
    -fx-border-style: solid;
    -fx-border-color: linear-gradient(to right, rgba(255, 0, 0, 0.92), #15A9EECC);
}

.tab {
    -fx-background-radius: 5px;
    -fx-border-width: 0 0 2px 0;
    -fx-background-color: #F4F4F4;
    -fx-padding: 0px 10px 0 10px;
}

.tab-header-area .tab-header-background  {
    -fx-background-color: #F4F4F4;
}

.tab-header-area {
    -fx-padding: 10 10 10 10 ;
}


.tab-label {
    -fx-border-width: 0 0 3px 0;
    -fx-background-radius: 5px;
    -fx-font-size: 14px;
    -fx-background-color: #F4F4F4;
}

.tab-label:hover {
    -fx-background-color: #e6e6e6;
}

.tab:selected .tab-label {
    -fx-border-color: rgba(21, 169, 238, 0.8);
    -fx-font-size: 15px;
    -fx-font-weight: bold;
}

/*tab选中的边框是由focus-indicator(聚焦指示器)控制的*/
.tab:selected .focus-indicator {
    -fx-border-width: 0 0 0 0 ;
}


.tab-content {
    -fx-background-color: #F4F4F4;
}

.right {
    -fx-background-color: white;
}

/*操作按钮样式*/
.operation-button{
    -fx-background-color: none;
}

.operation-button:hover {
    -fx-font-size: 15px;
    -fx-font-weight: 700;
    -fx-text-fill: rgb(18, 149, 218);
}

/*颜色选择器样式*/
.node-color-picker {
    -fx-color-rect-width: 22px;
    -fx-color-rect-height: 22px;
    -fx-background-color: none;
}

.node-color-picker:hover {
    -fx-color-rect-width: 26px;
    -fx-color-rect-height: 26px;
    -fx-font-size: 13px;
    -fx-font-weight: 700;
    -fx-fill: rgb(18, 149, 218);
}

.node-color-picker .arrow {
    visibility: false;
    -fx-max-height: 0;
    -fx-min-height: 0;
}

/*节点弧度调节器样式*/
.node-radius-regulator {
    -fx-background-color: white;
}

.node-radius-regulator .arrow {
    visibility: false;
    -fx-max-height: 0;
    -fx-min-height: 0;
}
/*右侧栏样式*/
.extend:focused{
    -fx-font-weight: bold;
}
.extend:hover {
    -fx-font-weight: bold;
    -fx-background-color:linear-gradient(to right, rgb(255, 255, 255), #15A9EECC) ;
}
.titledPane .title {
    -fx-background-color: white;
}
.titled-pane:focused .title {
    -fx-background-color: linear-gradient(to right, rgb(255, 255, 255), #15A9EECC);
    -fx-font-weight: bold;
}
.font-color-picker {
    -fx-color-rect-width: 18px;
    -fx-color-rect-height: 18px;
}

.slider .track {
    -fx-background-color: rgba(21, 130, 238, 0.57);
}

.menu:focused {
    -fx-background-color: linear-gradient(to right, rgb(255, 255, 255), #15A9EECC);
}


/*node操作菜单样式*/
.menu .menu-item {
    -fx-font-size: 10px;
}
.menu .menu-item:focused {
    -fx-background-color: linear-gradient(to right, rgb(255, 255, 255), #15A9EECC);
    -fx-font-weight: bolder;
    -fx-font-size: 13px;
}
.menu .label {
    -fx-text-fill: black;
    -fx-font-weight: bolder;
}
.menu .menu-item .label:focused {
    -fx-text-fill: black;
    -fx-font-weight: bolder;
}